<template>
  <div class="add-friend-content">
    <div class="add-friend">
      <span class="iconfont icon-add"></span>
      <span class="add-title">添加好友</span>
    </div>
  </div>
</template>

<script setup>
</script>

<style lang="scss" scoped>
.add-friend-content {
  height: 58px;
  border-bottom: 1px solid #f1f1f1;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  .add-friend {
    
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    color: var(--theme2);
    &:hover{
      color: var(--theme2-hover);
    }
    .add-title {
      margin-left: 6px;
    }
  }
}
</style>